﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>404 - Dreamer Blog - 后台管理系统</title> 
    <style type="text/css">
	body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
	body{font:14px/1.5 'Microsoft YaHei','微软雅黑',Helvetica,Sans-serif;min-width:1200px;background:#f0f1f3;}
	:focus{outline:0}
	h1,h2,h3,h4,h5,h6,strong{font-weight:700}
	a{color:#428bca;text-decoration:none}
	a:hover{text-decoration:underline}
	.error-page{background:#f0f1f3;padding:100px 0;}
	.error-page-container{position:relative;z-index:1}
	.error-page-main{position:relative;background:#f9f9f9;margin:0 auto;width:617px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 50px 70px}
	.error-page-main:before{content:'';display:block;background:url(/resource/img/errorPageBorder.png?1427783409637);height:7px;position:absolute;top:-7px;width:100%;left:0}
	.error-page-main h3{font-size:24px;font-weight:400;border-bottom:1px solid #d0d0d0}
	.error-page-main h3 strong{font-size:54px;font-weight:400;margin-right:20px}
	.error-page-main h4{font-size:20px;font-weight:400;color:#333;padding:10px 0;}
	.error-page-actions{font-size:0;z-index:100}
	.error-page-actions div{font-size:14px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#838383}
	.error-page-actions div ul{list-style:none;}
	.error-page-actions div ul li{float:left;width:33.33%;}
	.error-page-actions:before{content:'';display:block;position:absolute;z-index:-1;bottom:17px;left:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg)}
	.error-page-actions:after{content:'';display:block;position:absolute;z-index:-1;bottom:17px;right:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}
	</style>
</head>

<body>
<div class="error-page">
    <div class="error-page-container">
        <div class="error-page-main">
            <h3>
                <strong>404</strong><span>您访问的页面不见了！</span>
            </h3>
            <div class="error-page-actions">
                <div>
                    <h4>可以尝试：</h4>
                    <ul>
                    	<li><a href="/">访问网站首页</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
